<template>
  <div class="storage_set" style="height: 100%">
    <div class="out_storage_container">
      <h4 class="title">出库设置</h4>
      <CodeCard ref="codeCard" :active_name="String(activeName)" />
    </div>

    <div class="out_storage_type_container">
      <h4 class="title">出入库类型</h4>
      <div class="out_storage_type_component">
        <OutField ref="outField" />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
  import CodeCard from './components/CodeCard/index.vue'
  import OutField from './components/OutField/index.vue'
  import { ref } from 'vue'
  import { useRoute } from 'vue-router'
  import routeComponentName from '@/config/route-component-name'

  defineOptions({
    name: routeComponentName.setting.storageSet,
  })

  const route = useRoute()
  const activeName = route.query.active == undefined ? 'code' : route.query.active
  const codeCard = ref()
  const outField = ref()
</script>

<style scoped lang="scss">
  @import './index.scss';
</style>
